<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<title>sama图集</title>
	<link rel="stylesheet" type="text/css" href="css/polaroid-gallery.css"/>
	<link rel="stylesheet" href="css/bootstrap/bootstrap.css">
	<!--[if IE]>
	<script src="js/html5shiv.min.js"></script>
	<![endif]-->
</head>

<style>
	body {
		font-family: Comic Sans, Comic Sans MS, cursive;
		color: #FF3536;
	}

	.samaLogo {
		width: 35px;
		height: 35px;
		margin-bottom: 2px;
		display: inline-block;
	}

	a {
		color: #F08BA9;
	}

	a:link, a:visited {
		color: #F08BA9;
	}

	a:hover, a:focus {
		color: #FF3536;
		/*text-decoration: none;*/
	}

	.btnActive {
		background-color: #FF3536;
		color: white;
	}
</style>
<body>
<!--顶部导航 start-->
<nav class="navbar-style navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#samaNavbar">
				<span class="sr-only">sama图集</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand brandStyle" href="index.html"><img src="img/sama.png" class="samaLogo" style="display: inline-block;">sama图集</a>
		</div>

		<div class="collapse navbar-collapse noPadding" id="samaNavbar">
			<div class="navbar-right menustyle">
				<ul class="nav navbar-nav">
					<li><a href="index.html"><p style="margin: 2px;">首页</p></a></li>
					<li><a href="#"><p style="margin: 2px;">测试</p></a></li>
					<li><a href="#"><p style="margin: 2px;">测试</p></a></li>
					<li><a href="#"><p style="margin: 2px;">登录</p></a></li>
					<li><a href="#"><p style="margin: 2px;">注册</p></a></li>
				</ul>
			</div>
		</div>
	</div>
</nav>
<!--顶部导航 end-->



<div class="fullscreen">
	<div id="gallery" class="fullscreen"></div>
	<div id="nav" class="sortBottom">
		<button class="btnActive" id="preview">&lt; 前一张</button>
		<button id="next">下一张 &gt;</button>
	</div>
</div>

<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="js/polaroid-gallery.js"></script>
<script>
	window.onload = function () {
		new polaroidGallery("data/data.json");
	};

	$("#next").click(function () {
		$("#preview").removeClass("btnActive");
    })
</script>
</body>
</html>